h1 { max-width:990px; margin:0 auto; }

.mainbox { width:auto; max-width:990px; }

#chatmenu { margin:0 0 20px 0; padding:10px 0 0 0; border-bottom:4px solid var(--primary); text-align:center; white-space:nowrap; overflow-x:auto; }
#chatmenu .xmenu { display:inline-block; box-sizing:border-box; min-height:60px; padding:10px 20px; vertical-align:bottom; text-align:left; font-size:18pt; color:var(--text2); }
#chatmenu .xicon { width:56px; height:56px; margin:0 5px 0 0; border-style:none; vertical-align:middle; }
#chatmenu .xuicon { border-radius:50%; }
#chatmenu .xmenu:hover { color:var(--linkactive); }
#chatmenu .xmenu:hover .xuicon { opacity:1; }
#chatmenu .xmenu.active { margin:0 10px 0 10px; background-color:var(--primary); border-radius:10px 10px 0 0; color:var(--primarytext); }
#chatmenu .xmenu.active .xicon { filter:brightness(8); }

@media(max-width:900px) {
	#chatmenu .xmenu { font-size:12pt; }
	#chatmenu .xmenu b { font-size:16pt; }
}
@media(max-width:800px) {
	#chatmenu .xmenu { text-align:center; font-size:12pt; }
	#chatmenu .xmenu .xicon { width:40px; height:40px; }
	#chatmenu .xmenu .xlabel { display:block; box-sizing:border-box; }
}
@media(max-width:500px) {
	#chatmenu .xmenu { padding-left:8px; padding-right:8px; }
	.pm_notfound { width:80%; margin:20px auto; padding:50px 5px; font-size:14pt; }
}
@media(max-width:400px) {
	#chatmenu .xmenu { font-size:11pt; }
}